<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>峰凌二部</title>
    <style>
        *{
            margin: 0;
            padding: 0;
        }
        body{
            color: #999;
            font-size: 14px;

        }
        a{
            color: #000;
        }
        .top{
            text-align: right;
            padding: 10px;
        }
        .top a{
            margin-left: 8px;
        padding:  3px;
        }
        .top a:last-child{
            background-color:#3385ff ;
            color: #fff;
        }
        .main{
            text-align: center;
            margin-top: 20px;
        }
        .main .logo img{
            width: 270px;
        }
        .main form{
            width-top: 10px;
        }.main form input{
            width: 500px;
            line-height:36px;
            padding: 0 5px;
            font-size: 16px;
            vertical-align: middle;
                 }
         .main form button{
             width: 100px;
             height: 40px;
             background:#3385ff ;
             color:#fff ;
             border:none ;
             vertical-align:middle ;
             margin: -5px;

         }
        .foot{
            text-align: center;
            position: fixed;
            bottom: 20px;
            width: 100%;
        }
        .foot . ul{
            list-style: none;
            margin: 10px 0;
        }
        .foot .ul . li{
            display: inline-block;
            margin: 0 10px;

        }
    </style>
</head>
<body>
    <!-- 头部 -->
    <div class="top">
        <a href="#">新闻</a>
        <a href="#">hao123</a>
        <a href="#">地图</a>
        <a href="#">视频</a>
        <a href="#">贴吧</a>
        <a href="#">学术</a>
        <a href="#">登录</a>
        <a href="#">设置</a>
        <a href="#">更多产品</a>
    </div>
    <!-- 正文 -->
    <div class="main">
        <div class="logo">
            <img src="http://www.baidu.com/img/bd_logo1.png?qua=high" >
        </div>
        <form action="https://www.baidu.com/s" method="get">
            <input type="text" name = "wd" >
            <button>双体搜索</button>
        </form>
    </div>
    <!-- 页脚 -->
    <div class="foot">
        <div>
            <img src="https://ss1.bdstatic.com/5eN1bjq8AAUYm2zgoY3K/r/www/cache/static/protocol/https/home/img/qrcode/zbios_efde696.png" alt="">
            <p>百度</p>
        </div>
        <ul>
            <li>把百度设为首页</li>
            <li>关于百度</li>
            <li>百度推广</li>
        </ul>
        <ul>
            <div>
               &copy; 2019 Baidu 使用百度前必读 意见反馈 京ICP证030173号  京公网安备11000002000001号
            </div>
        </ul>

    </div>

</body>
</html>